let main_box = document.querySelector("#main_box ul");
let showImg = document.querySelector("#lunbo .close ul")
let couponProductid = 0;


let url = decodeURI(location.href).split("?")[1].split("=")[1];
console.log(url);

$("#lunbo").slideUp().finish();

const xhr1 = new XMLHttpRequest();
xhr1.open("get","http://chst.vip:1234/api/getcouponproduct?couponid="+url,true);
xhr1.onload = function(){
    if(xhr1.status === 200){
        let res1 = JSON.parse(xhr1.responseText);
        console.log(res1.result);

        let main_boxs = "";

        res1.result.forEach((item,index) => {
            main_boxs += `<li id="${index}">
                            <a href="#">
                            <div class="left">
                                ${item.couponProductImg}
                            </div>
                            <div class="right">
                                <div class="title">
                                    <h4>
                                        ${item.couponProductName}
                                    </h4>
                                </div>
                                <div class="other">
                                    <h4>${item.couponProductPrice}</h4>
                                    <span>${item.couponProductTime}</span>
                                </div>
                            </div>
                        </a></li>`
            
        });
        main_box.innerHTML = main_boxs;

        $("#main_box ul li").click(function(){
            $("#lunbo").slideDown().find(".close i").click(function(){
                $("#lunbo").slideUp();
            });

            // $("#lunbo .close i").click(function(){
            //     $("#lunbo").slideUp();
            // })

            couponProductid = $(this).prop("id");
            console.log(couponProductid);

            $("#lunbo .close ul li").html(res1.result[couponProductid].couponProductImg)

            $("#lunbo .arr .right").click(function(){
                couponProductid++;
                if(couponProductid > res1.result.length - 1){
                    alert("已经是最后一页了")
                }
                $("#lunbo .close ul li").html(res1.result[couponProductid].couponProductImg);

            })
            $("#lunbo .arr .left").click(function(){
                couponProductid--;
                if(couponProductid < 0){
                    alert("已经是第一页了")
                }
                $("#lunbo .close ul li").html(res1.result[couponProductid].couponProductImg);

            })
        })
    }
}
xhr1.send(null);


// const xhr2 = new XMLHttpRequest();
// xhr2.open("get","http://chst.vip:1234/api/getcouponproduct?couponid="+url,true);
// xhr2.onload = function(){
//     if(xhr2.status === 200){
//         let res2 = JSON.parse(xhr2.responseText);
//         // console.log(res2);

//         let showImgs = "";
//         res2.result.forEach((item,index) => {
//             showImgs += `<li id="${index}" class="ali">
//                             ${item.couponProductImg}
//                         </li>`
//         })
//         showImg.innerHTML = showImgs;


//         $("#lunbo .arr .right").click(function(){
//             couponProductid = $("#lunbo .close ul li").prop("id");


//         })

        

//     }
// }
// xhr2.send(null);






// function coupon()
// const xhr2 = new XMLHttpRequest();
// xhr2.open("get","http://chst.vip:1234/api/getcouponproduct?couponid="+url,true);
// xhr2.onload = function(){
//     if(xhr2.status === 200){
//         let res2 = JSON.parse(xhr2.responseText);
//         console.log(res2);

//         let showImgs = "";
//         res2.result.forEach(item => {
//             showImgs += `<li id="${item.couponProductId}" class="ali">
//                             ${item.couponProductImg}
//                         </li>`
//         })
//         showImg.innerHTML = showImgs;

//         // let ali = document.querySelectorAll(".ali");
//         // console.log((ali));

//         $("#lunbo .arr .right").click(function(){
//             couponProductid = $("#lunbo .close ul li").prop("id");
//         })

        

//     }
// }
// xhr2.send(null);